<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>头部、尾部公共部分</title>
  <link rel="stylesheet" href="../../css/media.css">
  <link rel="stylesheet" href="../../css/font-style.css">
  <link rel="stylesheet" href="../../css/base.css">
  <link rel="stylesheet" href="../../css/details.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="javascript:;">
      <img src="../../images/header_logo.png" alt="">
    </a>
    <!-- 头部中间文字，看需求 -->
    <!-- <span>头部</span> -->
    <a href="javascript:;">
      <img src="../../images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索栏 -->
  <div class="search">
    <input type="text" placeholder="请输入你想比价的商品">
    <a href="javascript:;">搜索</a>
  </div>
  <!-- 面包屑 -->
  <div class="lkf_crumbs">
    <ul>
      <li><a href="../../index.html">首页</a><span class="icon-arrow-right"></span></li>
      <!-- <li><a href="../goodList/goodList.html">电视</a><span class="icon-arrow-right"></span></li>
      <li><a href="javascript:;">乐视</a></li> -->
    </ul>
    <span class="lkf_searchbtn">筛选</span>
  </div>
  <!-- 主要内容 -->
  <div class="lkf_content">
    <div class="lkf_con_top">
      <h4>乐视乐视乐视乐视乐视</h4>
      <img src="" alt="">
    </div>
    <ul class="lkf_nav">
      <li>比价购买</li>
      <li>产品参数</li>
      <li>评价(2322)</li>
    </ul>
    <div class="lkf_jd">
      <span>京东商城</span>
      <div class="lkf_buy">
        <span class="lkf_price">￥1999.00</span>
        <span class="lkf_go">去购买</span>
      </div>
    </div>
    <div class="lkf_tip">*实际价格以各网络列出的实时售价为准，我们提供可能有数小时至数日的延迟</div>
    <!-- 评论区 -->
    <div class="lkf_comment">
      <div class="lkf_com_title">网友评价</div>
      <div class="lkf_com_container">
        <div class="lkf_cont_top">
          <div class="lkf_top_name">t***9647</div>
          <div class="lkf_top_right">
            <div class="lkf_topRight_time">2016-5-15</div>
            <div class="lkf_topRight_from">购买自:京东商城</div>
          </div>
        </div>
        <div class="lkf_cont_main">
          我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是我说是
        </div>
      </div>
    </div>
  </div>
  <!-- 查看更多评论 -->
  <div class="lkf_more_comment">查看更多评论</div>
  <!-- 底部 -->
  <footer>
    <div class="foot_tool">
      <a href="javascript:;">登录</a>
      <a href="javascript:;">注册</a>
      <a href="javascript:;">返回顶部</a>
    </div>
    <div class="foot_content">
      <a href="javascript:;">手机APP下载
        <span>慢慢买手机版</span>
      </a>
      <span>--掌上比价平台</span>
      <p>m.manmanbuy.com</p>

    </div>
  </footer>
</body>
<script src="../../lib/zepto/zepto.js"></script>
<script src="../../lib/template/template.js"></script>
<script src="../../js/details.js"></script>
<!-- 图片标题 -->
<script type="text/template" id="detailListTem">
  {{each result as val key}}
  <div class="lkf_con_top">
      <h4>{{val.productName}}</h4>
      {{val.productImg}}
    </div>
    <ul class="lkf_nav">
      <li>比价购买</li>
      <li>产品参数</li>
      <li>评价(2322)</li>
    </ul>
    <div class="lkf_jd">
      {{val.bjShop}}
    </div>
    <div class="lkf_tip">*实际价格以各网络列出的实时售价为准，我们提供可能有数小时至数日的延迟</div>
  {{/each}}
</script>
<!-- 评论区模板 -->
<script type="text/template" id="commentListTem">
  <div class="lkf_comment">
    <div class="lkf_com_title">网友评价</div>
  {{each result as val key}}
    <div class="lkf_com_container">
      <div class="lkf_cont_top">
        <div class="lkf_top_name">{{val.comName}}</div>
        <div class="lkf_top_right">
          <div class="lkf_topRight_time">{{val.comTime}}</div>
          <div class="lkf_topRight_from">{{val.comFrom}}</div>
        </div>
      </div>
      <div class="lkf_cont_main">
        {{val.comContent}}
      </div>
    </div>
  {{/each}}
  </div>
</script>

</html>